<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<title>书架</title>
		<!--引入jQuery框架-->
		<script type="text/javascript" src="shujia/libs/jquery-3.1.1.js">			
		</script>
		<!--引入各分页样式-->
		<link rel="stylesheet" type="text/css" href="shujia/css/bootstrap.min.css"/>
		<link rel="stylesheet" type="text/css" href="shujia/css/shujia.css"/>
		<link rel="stylesheet" href="shujia/css/search.css" />
		<link rel="stylesheet" type="text/css" href="shujia/css/neirong.css"/>	
		<link rel="stylesheet" type="text/css" href="shujia/css/fengmian.css"/>
		<!--引入各分页JS-->
		<script type="text/javascript" src="shujia/libs/bootstrap.min.js">			
		</script>		
		<!--引入angular框架-->
		<script type="text/javascript" src="shujia/libs/angular.js">			
		</script>
		<script type="text/javascript" src="shujia/libs/angular-ui-router.js">			
		</script>
		<script type="text/javascript" src="shujia/libs/angular-css.min.js">			
		</script>
		<script type="text/javascript" src="shujia/js/shujia.js">		
		</script>
		<script type="text/javascript" src="shujia/js/jingxuan.js">			
		</script>
		<script type="text/javascript" src="shujia/js/free.js">			
		</script>
		<script type="text/javascript" src="shujia/js/fenlei.js">			
		</script>		
		<script type="text/javascript" src="shujia/js/search.js">			
		</script>			
		<script type="text/javascript" src="shujia/js/neirong.js">			
		</script>	
		<script type="text/javascript" src="shujia/js/fengmian.js">			
		</script>
	</head>
	<body ng-app="myApp" ng-controller="myCtrl">
		<div ui-view>
		<header>
			<span class="glyphicon glyphicon-user"></span>
			<h3>宜搜小说</h3>
			<div class="search">
				<a ui-sref="/search"><span class="glyphicon glyphicon-search"></span></a>
				<span class="glyphicon glyphicon-th-list" ng-click="click()"></span>
			</div>
			<ul class="lie">
				<li>九宫格展示</li>
				<li>导入本地书籍</li>
				<li>编辑书架</li>
			</ul>
		</header>
		<banner>
			<center>
			<img src="shujia/img/2.jpg"/>
			</center>
		</banner>
		</div>
		<footer ng-show="isShow">
			<ul>
				<li><a ui-sref="/">书架</a></li>
				<li><a ui-sref="/sift">精选</a></li>
				<li><a ui-sref="/free">免费</a></li>
				<li><a ui-sref="/fenlei">分类</a></li>
			</ul>
		</footer>	
	</body>
	<script type="text/javascript">
		//点击路由分页，切换字体颜色
		$('footer a').each(function(i){
			$('footer a').eq(0).css('color','red');
			$(this).click(function(){
				$('footer a').css('color','gray');
				$(this).css('color','red');				
			})
		})
	</script>
</html>
